<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Repute</title>
    <link rel="stylesheet" href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
    <link rel="stylesheet" href="css/style.css">
    <link rel="shortcut icon" href="img/lll.ico">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
</head>
<body>
    <header>
        <nav class="navbar navbar-expand-lg navbar-light">
          <div class="container">
              <a class="navbar-brand" href="#"><img src="img/logo.png" alt=""></a>
              <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                  <span class="navbar-toggler-icon"></span>
              </button>

              <div class="collapse navbar-collapse" id="navbarSupportedContent">
                  <div class="ml-auto"></div>

                  <ul class="navbar-nav ml-auto">
                      <li class="nav-item active">
                          <a class="nav-link text-primary" href="#">HOME<span class="sr-only">(current)</span></a>
                      </li>
                      <li class="nav-item">
                          <a class="nav-link" href="#">FEATURES</a>
                      </li>
                      <li class="nav-item">
                          <a class="nav-link" href="#">PAGES</a>
                      </li>
                      <li class="nav-item">
                          <a class="nav-link" href="#">PORTFOLIO</a>
                      </li>
                      <li class="nav-item">
                          <a class="nav-link" href="#">BLOG</a>
                      </li>

                  </ul>
                  <form class="form-inline my-2 my-lg-0">
                      <a href=""><i><img src="img/upgrade.png" alt=""></i>UPGRADE TO PRO</a>
                  </form>
              </div>
          </div>
        </nav>
    </header>
    <section>
        <div class="easy">
            <img src="img/lunbotu.png" alt="">
        </div>
        <div class="strong mb-5">
           <div class="container">
               <div class="row">
                   <div class="col-md-2 col-5">
                       <img src="img/strong.png" alt="">
                       <p>STRONG STRUCIURE</p>
                   </div>
                   <div class="col-1"></div>
                   <div class="col-md-2 col-5">
                       <img src="img/global.png" alt="">
                       <p>GLOBAL SERVICES</p>
                   </div>
                   <div class="col-1"></div>
                   <div class="col-md-2 col-5">
                       <img src="img/dynamic.png" alt="">
                       <p>DYNAMIC CHANGE</p>
                   </div>
                   <div class="col-1"></div>
                   <div class="col-md-2 col-5">
                       <img src="img/exponental.png" alt="">
                       <p>EXPONENTIAL GROWTH</p>
                   </div>
               </div>
           </div>
        </div>


        <div class="know mb-5">
            <div class="container">
                <div class="row">
                    <div class="col-md-6 col-12">
                        <h4>KNOW BETTER</h4>
                        <p>......</p>
                        <p>
                            Synergisrically procratinate onw-to-one results for
                            accturate platforms.Asserticeiy whiteboard corporate
                            users whereas dynamic initiatives.
                        </p>
                        <p>
                            Energistically architect leadubg-edge users and inexpensive internal or"organic" sources.
                            Distinctively evole e-business resources after progressice intellectual capital.Objectively
                            architect maintainable technologies via strategix xoncergence.Continually optimize
                            stand-alone expertise with e-business e-services.Continually conceptualize clitent-centered
                            opportunities and.
                        </p>
                        <p>
                            Dynamically customize backward-compatible processes via front-end models.Distinctively
                            evisculate an expanded array of scenarios after virtual information.Professionally
                            predominate technically sound resources through impactful mindshare.Efficiently drive
                            viral interfaces without inexpensive value.Credibly
                        </p>
                    </div>
                    <div class="col-md-6 co-12">
                        <img src="img/know.png" alt="">
                    </div>
                </div>
            </div>
        </div>


        <div class="goal">
            <div class="container">
                <div class="row">
                    <div class="col-md-6 col-12">
                        <div class="card mb-3">
                            <div class="row no-gutters">
                                <div class="col-md-2">
                                    <img src="img/goal.png" class="card-img" alt="...">
                                </div>
                                <div class="col-md-10">
                                    <div class="card-body">
                                        <h5 class="card-title">COAL ORIENTED</h5>
                                        <p class="card-text">
                                            Holisticly harness just in time techolngies cia corporate scearios.Intrinsicly
                                            predominate ubiquitous outsourcing through an expanded array of
                                            functionalities.
                                        </p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="card mb-3">
                            <div class="row no-gutters">
                                <div class="col-md-2">
                                    <img src="img/dynamic-1.png" class="card-img" alt="...">
                                </div>
                                <div class="col-md-10">
                                    <div class="card-body">
                                        <h5 class="card-title">DYNAMIC CHANGE</h5>
                                        <p class="card-text">
                                            Holisticly harness just in time techolngies cia corporate scearios.Intrinsicly
                                            predominate ubiquitous outsourcing through an expanded array of
                                            functionalities.
                                        </p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6 col-12">
                        <div class="card mb-3">
                            <div class="row no-gutters">
                                <div class="col-md-2">
                                    <img src="img/global-1.png" class="card-img" alt="...">
                                </div>
                                <div class="col-md-10">
                                    <div class="card-body">
                                        <h5 class="card-title">GLOBAL SERVICE</h5>
                                        <p class="card-text">
                                            Holisticly harness just in time techolngies cia corporate scearios.Intrinsicly
                                            predominate ubiquitous outsourcing through an expanded array of
                                            functionalities.
                                        </p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="card mb-3">
                            <div class="row no-gutters">
                                <div class="col-md-2">
                                    <img src="img/professional.png" class="card-img" alt="...">
                                </div>
                                <div class="col-md-10">
                                    <div class="card-body">
                                        <h5 class="card-title">PROFESSIONAL SUPPORT</h5>
                                        <p class="card-text">
                                            Holisticly harness just in time techolngies cia corporate scearios.Intrinsicly
                                            predominate ubiquitous outsourcing through an expanded array of
                                            functionalities.
                                        </p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>


    <div class="ultra">
        <div class="container">
            <img src="img/clean.png" alt="">
            <h4>ULTRA RESPONSIVE</h4>
            <p>
                Phosfluorescently revolutionize viral leadership via turnkey technology.Synergistically monetize intermandated
                strategic theme areas through multumedia based.
            </p>

        </div>
    </div>
    <div class="resopnsive mb-5">
       <div class="container">
           <div class="row">
               <div class="col-12 col-md-3"><a href="" class="active">Responsive</a></div>
               <div class="col-12 col-md-3"><a href="">Easy to Customize</a></div>
               <div class="col-12 col-md-3"><a href="">Design</a></div>
               <div class="col-12 col-md-3"> <a href="">Free Update & Support</a></div>
           </div>
       </div>
    </div>



        <div class="recent mb-5">
            <div class="container">
                <div class="row">
                    <div class="col-6 left">
                        <h4>RECENT WORKS</h4>
                        <p>......</p>
                    </div>
                    <div class="col-6 right">
                        <a href="">See all works</a>
                    </div>
                    <div class="col-4"><img src="img/list-1.png" alt=""></div>
                    <div class="col-4"><img src="img/list-2.png" alt=""></div>
                    <div class="col-4"><img src="img/list-3.png" alt=""></div>
                </div>
            </div>
        </div>

        <div class="latest mb-5">
           <div class="container">
               <h4>LATEST NEWS</h4>
               <p>......</p>
               <div class="row">
                   <div class="col-md-4 col-12">
                       <div class="card mb-3">
                           <img src="img/latest.png" class="card-img-top  img1" alt="...">
                           <div class="card-body">
                               <h5 class="card-title">In Demand:Collaboration Skill</h5>
                               <p class="card-text">
                                   proactively engage orthogonal growth strategies without
                                   resource-leveling testing procedures.Seamlessly
                                   predominate interperable growth strategies.
                               </p>
                               <p>
                                   <span>23-02-2015</span>
                                   <time>65 Comments</time>
                               </p>
                           </div>
                       </div>
                   </div>
                   <div class="col-md-4 col-12">
                       <div class="card mb-5">
                           <div class="row no-gutters">
                               <div class="col-md-4">
                                   <img src="img/grow.png" class="card-img img1" alt="...">
                               </div>
                               <div class="col-md-8">
                                   <div class="card-body">
                                       <h5 class="card-title">Growth Strategies We Must
                                           K....</h5>
                                       <p class="card-text">
                                           Proactively enge orthogonal
                                           growth strategies without resource-
                                           leveling testing procedures.
                                       </p>

                                   </div>
                               </div>
                               <div class="card mb-5">
                                   <div class="row no-gutters">
                                       <div class="col-md-4">
                                           <img src="img/product.png" class="card-img img1"
                                                alt="...">
                                       </div>
                                       <div class="col-md-8">
                                           <div class="card-body">
                                               <h5 class="card-title">Products Research
                                                   Methodolo...</h5>
                                               <p class="card-text">
                                                   Proactively enge orthogonal
                                                   growth strategies without resource-
                                                   leveling testing procedures.
                                               </p>

                                           </div>
                                       </div>
                                       <div class="card mb-3">
                                           <div class="row no-gutters">
                                               <div class="col-md-4">
                                                   <img src="img/professional-1.png"
                                                        class="card-img img1" alt="...">
                                               </div>
                                               <div class="col-md-8">
                                                   <div class="card-body">
                                                       <h5 class="card-title">Professional
                                                           Leverage</h5>
                                                       <p class="card-text">
                                                           Proactively enge orthogonal
                                                           growth strategies without
                                                           resource-
                                                           leveling testing procedures.
                                                       </p>

                                                   </div>
                                               </div>
                                           </div>

                                       </div>
                                   </div>
                               </div>
                           </div>
                   </div>
                 </div>
                   <div class="col-md-4 col-12">
                       <div class="card mb-3">
                           <div class="row no-gutters">
                               <div class="col-md-4">
                                   <img src="img/alternative.png" class="card-img img1" alt="...">
                               </div>
                               <div class="col-md-8">
                                   <div class="card-body">
                                       <h5 class="card-title">Alternative E-commerce</h5>
                                       <p class="card-text">
                                           Proactively enge orthogonal
                                           growth strategies without resource-
                                           leveling testing procedures.
                                       </p>

                                   </div>
                               </div>
                           </div>
                       </div>
                       <div class="card mb-5">
                           <div class="row no-gutters">
                               <div class="col-md-4">
                                   <img src="img/understanding.png" class="card-img img1"
                                        alt="...">
                               </div>
                               <div class="col-md-8">
                                   <div class="card-body">
                                       <h5 class="card-title">Understanding Globally
                                           Scale...</h5>
                                       <p class="card-text">
                                           Proactively enge orthogonal
                                           growth strategies without resource-
                                           leveling testing procedures.
                                       </p>

                                   </div>
                               </div>
                   </div>
                    <div class="col-12 see">
                        <a href=""> See all news<img src="img/lanjiantou.png" alt=""></a>
                    </div>
                   </div>
               </div>
    </div>
               </div>
            </div>
        <div class="sub mb-5">
            <div class="container">
                <div class="row">
                    <div class="col-md-3 col-6 mb-3">
                       <div class="row">
                           <div class="col-4 left">
                               <img src="img/sub.png" alt="">
                           </div>
                           <div class="col-8 right">
                               <h4>5200</h4>
                               <p>SUBSCRIBERS</p>
                           </div>
                       </div>
                    </div>
                    <div class="col-md-3 col-6 mb-3">
                        <div class="row">
                            <div class="col-4 left">
                                <img src="img/pro.png" alt="">
                            </div>
                            <div class="col-8 right">
                                <h4>273</h4>
                                <p>PROJECTS</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3 col-6 mb-3">
                        <div class="row">
                            <div class="col-4 left">
                                <img src="img/app.png" alt="">
                            </div>
                            <div class="col-8 right">
                                <h4>640K</h4>
                                <p>APPRECIATIONS</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3 col-6 mb-3">
                        <div class="row">
                            <div class="col-4 left">
                                <img src="img/clie.png" alt="">
                            </div>
                            <div class="col-8 right">
                                <h4>132</h4>
                                <p>CLIENTS</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>



        <div class="get">
            <div class="container">
                <div class="row">
                    <div class="col-md-6 col-4">
                        <h3>GET IN TOUCH</h3>
                    </div>
                    <div class="col-md-6 col-8  call">
                        <p>Call us at(1800)765-4321 or<a href="">CONTACT US</a></p>
                    </div>
                </div>
            </div>
        </div>


    </section>
    <footer>
        <div class="use">
            <div class="container">
                <div class="row">
                    <div class="col-md-3 col-12">
                        <h4><img src="img/footer-logo.png" alt=""></h4>
                        <p>
                            Proatively aggregate B2B  initiatives before extensive
                            channels.Monotonectally extend interactive methods of
                            empowerment through excellent applications.Rapidiously
                            synergize visionary products with sticky technology.
                        </p>
                        <p>
                            1234 North  Main Street
                            New York,NY 222222
                            phone:(1800)765-4321
                            Email:email@yourdomain.com
                        </p>
                    </div>
                    <div class="col-md-3 col-12">
                        <h4>USEFUL LINKS</h4>
                        <ul>
                            <li><a href="">About Us</a></li>
                            <li><a href="">News</a></li>
                            <li><a href="">Communtiy</a></li>
                            <li><a href="">Career</a></li>
                            <li><a href="">Blog</a></li>
                        </ul>
                    </div>
                    <div class="col-md-3 col-12">
                        <ul class="ul-1">
                            <li><a href="">Press Kit</a></li>
                            <li><a href="">FAQ</a></li>
                            <li><a href="">Terms</a></li>
                            <li><a href="">Privacy Policy</a></li>
                            <li><a href="">Contact Us</a></li>
                        </ul>
                    </div>
                    <div class="col-md-3 col-12">
                        <h4>NEWSLETTER</h4>
                        <p>
                            Get the latest update from us by subscribing to our
                            newsletter
                        </p>
                        <div class="input-group mb-5">
                            <input type="text" class="form-control" placeholder="youremail@domain.com" aria-label="Recipient's username" aria-describedby="basic-addon2">
                            <div class="input-group-append">
                                <button class="input-group-text" id="basic-addon2">SUBSCRIBE</button>
                            </div>
                        </div>


                        <h4>GET CONNECTED</h4>
                        <p>
                            <img src="img/f.png" alt="">
                            <img src="img/niao.png" alt="">
                            <img src="img/g.png" alt="">
                            <img src="img/wifi.png" alt="">
                        </p>
                    </div>
                </div>
            </div>
            
        </div>
        <div class="more">
            <div class="container">
                <div class="row">
                    <div class="col-12">
                        <p>More Templates.Collect from</p>
                    </div>
                </div>
            </div>
        </div>
    </footer>







    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.slim.min.js"></script>
    <script src="https://cdn.bootcss.com/popper.js/1.14.7/umd/popper.min.js"></script>
    <script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
</body>
</html>